<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.0/dist/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
</head>
<body>
<div class="container">
    <form action=""><br>
        <input type="text" name="title" placeholder="请输入标题">
        <input type="text" name="author" placeholder="请输入作者">
        <input type="submit" value="提交"> <br> <br>
    </form>
    <table class="table">
        <thead class="thead-dark">
        <tr>
            <th scope="col">编号</th>
            <th scope="col">书名</th>
            <th scope="col">作者</th>
            <th scope="col">封面</th>
            <th scope="col">操作</th>
        </tr>
        </thead>
        <tbody>
        {foreach $data as $value}
        <tr>
            <th scope="row">{$value['id']}</th>
            <td>{$value['title']}</td>
            <td>{$value['author']}</td>
            <td><img src="{$value['images']}"></td>
            <td>
                <a href="">编辑</a>&emsp;|&emsp;
                <a href="del?id={$value['id']}">删除</a>
                <a href="up?id={$value['id']}">修改</a>
            </td>
        </tr>
        {/foreach}
        </tbody>
    </table>
    {$data|raw}
</div>
</body>
</html>